<script setup lang="ts">
import { RouterView, useRouter } from 'vue-router'
import { ref } from 'vue'

const activeIndex = ref('6')
const router = useRouter()
</script>

<template>
  <el-menu mode="horizontal" :default-active="activeIndex">
    <el-menu-item index="1" @click="router.push('/from')">From表单</el-menu-item>
    <el-menu-item index="2" @click="router.push('/table')">表格</el-menu-item>
    <el-menu-item index="3" @click="router.push('/about')">下拉表格展示</el-menu-item>
    <el-menu-item index="4" @click="router.push('/table1')">表格动态修改实例1</el-menu-item>
    <el-menu-item index="5" @click="router.push('/table2')">表格动态修改实例2</el-menu-item>
    <el-menu-item index="6" @click="router.push('/table3')">表格动态修改实例3</el-menu-item>
  </el-menu>
  <RouterView />
</template>

<style scoped lang="scss"></style>
